
    <!-- Le styles -->
    <link href="<%=request.getContextPath() %>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath() %>/css/bootstrap-responsive.css" rel="stylesheet">
    
	<style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
	  
	  
    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      body {
        padding-top: 0px;
        padding-bottom: 40px;
      }
	  .carousel {
		margin-top:0px;
      }	
      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 0px;
      }
    }


    @media (max-width: 767px) {

	  body {
        padding-top: 0px;
        padding-bottom: 40px;
      }
	  
      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 25px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 16px;
      }

      .marketing .span4 + .span4 {
        margin-top: 0px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 15px;
        line-height: 1.2;
      }

    }
	
    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath() %>/img/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath() %>/img/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath() %>/img/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath() %>/img/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="<%=request.getContextPath() %>/img/favicon.png">